<!DOCTYPE html>
<html lang="lv">
<head>
<meta charset="UTF-8">
<style>
.table-title {
    text-align: center;
    font-weight: normal;
    padding: 10px 0;
    margin-bottom: 5px;
}
table {
    border-collapse: separate;    
    border-spacing: 8px;          
    border: 3px dotted blue;      
    background-color: white;
    width: 100%;
    font-family: Arial, sans-serif;
}
th, td {
    border: 1px solid black;      
    vertical-align: middle;
    background-color: white;
    padding: 8px 20px;            
    min-width: 60px;
    height: auto;
}
thead tr.month-header th {
    background-color: green;      
    color: white;                 
    text-align: center;
    font-weight: bold;
}
td:first-child,
th:first-child {
    background-color: #00ff00;    
    color: magenta;               
    font-weight: bold;
    text-align: center;
}
thead tr:nth-child(2) th:nth-child(odd) {
    background-color: green;
    color: white;
}
thead tr:nth-child(2) th:nth-child(even) {
    background-color: blue;
    color: pink;
}
thead tr:nth-child(1) th:nth-child(1) {
   height:60px;
}
thead tr:nth-child(1) th:nth-child(1) {
    background-color: cyan;
    color: pink;
}

tbody td:not(:first-child) {
    text-align: left;
    padding-left: 10px; 
}
tbody td:first-child {
    text-align: center;
}
tbody td:not(:first-child):hover {
    background-color: #eee;
    cursor: pointer;
}
col:nth-child(1) {
  background-color: green;
}
col:nth-child(3) {
  background-color:yellow;
}

</style>
</head>

<body>


<table>
  <caption> Šis ir tabulas virsraksts, kas aizņem tabulas platumu un centrējas</caption>
    <colgroup>
    <col>
    <col span=5>
    <col span=2>
  </colgroup>
    <thead>
        <tr>
            <th rowspan="2">Nedēļa</th>
            <th colspan="7">2025. gada maijs</th>
        </tr>
        <tr class="days">
            <th>Pirmdiena</th>
            <th>Otrdiena</th>
            <th>Trešdiena</th>
            <th>Ceturtdiena</th>
            <th>Piektdiena</th>
            <th>Sestdiena</th>
            <th>Svētdiena</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>18</td>
            <td></td>
            <td></td>
            <td></td>
            <td>1</td>
            <td>2</td>
            <td>3</td>
            <td>4</td>
        </tr>
        <tr>
            <td>19</td>
            <td>5</td>
            <td>6</td>
            <td>7</td>
            <td>8</td>
            <td>9</td>
            <td>10</td>
            <td>11</td>
        </tr>
        <tr>
            <td>20</td>
            <td>12</td>
            <td>13</td>
            <td>14</td>
            <td>15</td>
            <td>16</td>
            <td>17</td>
            <td>18</td>
        </tr>
        <tr>
            <td>21</td>
            <td>19</td>
            <td>20</td>
            <td>21</td>
            <td>22</td>
            <td>23</td>
            <td>24</td>
            <td>25</td>
        </tr>
        <tr>
            <td>22</td>
            <td>26</td>
            <td>27</td>
            <td>28</td>
            <td>29</td>
            <td>30</td>
            <td>31</td>
            <td></td>
        </tr>
    </tbody>
</table>

</body>
</html>
